﻿   html {
            font-size: 100%;
            line-height: 1.5em;
            font-family: sans-serif;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        body {
            margin: 0;
            font-family: Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif;
            font-size: 13px;
            line-height: 1.5;
        }

        .divider {
            height: 1px;
            background-color: #888;
            width: 30%;
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }

        #tab1 > div > .exc-content p {
            text-indent: 2em;
        }

        #tab1 > div > .exc-content img {
            width: 100%;
        }

        .optionbar {
            width: 7.5rem;
            position: absolute;
            bottom: 0.5rem;
            right: 0.5rem;
            z-index: 100;
            height: 2.4rem;
            filter: alpha(Opacity=50);
            -moz-opacity: 0.5;
            opacity: 0.5;
            background-color: #000;
            border-radius: .4rem;
            /*padding-left:0.5rem;
            padding-right:1.3rem;*/
        }

            .optionbar a {
                display: block;
                width: 2.4rem;
                height: 2.4rem;
                line-height: 2.6rem;
                background-position: center center;
                background-size: 1.5rem 1.5rem;
                background-repeat: no-repeat;
                float: left;
                text-indent: 1.5rem;
                font-size: 1rem;
                margin-left:0.5rem;
            }
.relate-video-list {
    padding: 10px 15px 8px 8px;
}
.relate-video-list a{
    color:#000;
}
    .relate-video-list .relate-video {
        margin-bottom: 20px;
        position: relative;
    }

        .relate-video-list .relate-video .cover {
            background-position: 50%;
            background-size: cover;
            border: 1px solid hsla(0,0%,100%,.3);
            padding-top: 25%;
            width: 40%;
        }

@media (-webkit-min-device-pixel-ratio:2) {
    .relate-video-list .relate-video .cover {
        border-width: .5px;
    }
}

@media (-webkit-min-device-pixel-ratio:3) {
    .relate-video-list .relate-video .cover {
        border-width: .333px;
    }
}

.relate-video-list .relate-video .meta {
    left: 40%;
    margin-left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .relate-video-list .relate-video .meta .title {
        font-size: 13px;
        margin-bottom: 5px;
         text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
    }

@media (min-width:400px) {
    .relate-video-list .relate-video .meta .title {
        font-size: 14px;
         text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
    }
}

.relate-video-list .relate-video .meta .category {
    font-size: 12px;
    opacity: .85;
}

@media (min-width:400px) {
    .relate-video-list .relate-video .meta .category {
        font-size: 13px;
    }
}
.userlist {
    padding-left:1rem;
    padding-right:1rem;
}
    .userlist > div {
        position:relative;
    }

    .userlist .title {
        font-size:0.9rem;
    }
     .userlist .title img{
        width:0.8rem;
    }
    .userlist .usersex {
        position:absolute;
        left:2.7rem;
        top:2.7rem;
        width:1rem;
        height:1rem;
        
    }
    .userlist .category {
    font-size: 12px;
    opacity: .85;
    color:#999; 
    overflow: hidden;
        -webkit-line-clamp:2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
}

@media (min-width:400px) {
     .userlist .category {
        font-size: 13px;
    color:#999;
    }
}
.shang {
    display: block;
    float: left;
    border: 1px solid red;
    width: 4rem;
    text-align: center;
    border-radius: 0.3rem;
    margin-right: 1rem;
    background-color:rgb(244,244,244);
    height:2rem;
    line-height:2rem;
}
  .relate-video-list .livetype {
        position:absolute;
        left:7rem;
        top:4rem;
        width:1rem;
        height:1rem;
        
    }
   .relate-video-list .pay {
        position:absolute;
        left:7rem;
        top:2.6rem;
        width:1rem;
        height:1rem;
    }
 .relate-video-list .pwd {
        position:absolute;
        left:7rem;
        top:1.2rem;
        width:1rem;
        height:1rem;
        
    }
 .tw {
    background-color: rgb(248,204,92);
    color: white;
    border-radius: 0.2rem;
      position:absolute;
        left:6.1rem;
        top:0rem;
        text-align:center;
         width:2rem;
}